<template>
  <!-- sign in -->
  <div class="sign section--full-bg" style='background: url("./public/bg.jpg") center center / cover no-repeat;'>
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="sign__content">
            <!-- authorization form -->
            <form action="#" class="sign__form">
              <router-link to="/">
                <a class="sign__logo">
                  <Logo/>
                </a>
              </router-link>


              <div class="sign__group">
                <input type="text" class="sign__input" placeholder="Email">
              </div>

              <div class="sign__group sign__group--checkbox">
                <input id="remember" name="remember" type="checkbox" checked="checked">
                <label for="remember">I agree to the <a href="privacy.html">Privacy Policy</a></label>
              </div>

              <button class="sign__btn" type="button">Send</button>

              <span class="sign__text">We will send a password to your Email</span>
            </form>
            <!-- end authorization form -->
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- end sign in -->
</template>

<script setup>
import Logo from '@/assets/img/logo.svg?component'

</script>

<style scoped>

</style>
